<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-15">
<title>Ahorro</title>
<link href='http://fonts.googleapis.com/css?family=Yanone+Kaffeesatz' rel='stylesheet' type='text/css'>
<link type="text/css" href="css/style.css" rel="stylesheet" />
<link type="text/css" href="css/jquery-ui-1.8.21.custom.css"
	rel="stylesheet" />

<!-- end -->
<!--  Core jQuery  -->

<script type="text/javascript" src="scripts/jquery-1.7.2.min.js"></script>
<!--  Donut -->

<script type="text/javascript" src="scripts/jquery.donutchart.js"></script>
<!--[if lte IE 8]>
    <script type="text/javascript" src="scripts/excanvas.compiled.js"></script>
<![endif]-->
<!--  jQuery UI-->
<script type="text/javascript" src="scripts/ui/jquery-ui-1.8.21.custom.js"></script>
<script type="javascript" src="scripts/ui/jquery.ui.core.js"></script>
<script type="javascript" src="scripts/ui/jquery.ui.widget.js"></script>
<script type="javascript" src="scripts/ui/jquery.ui.button.js"></script>
<script type="javascript" src="scripts/ui/jquery.ui.sortable.js"></script>
<script type="javascript" src="scripts/ui/jquery.ui.progressbar.js"></script>

</head>

<body> 

	    <h1>Detalle de Metas</h1>
		<!-- grupo -->
		<h2 style="border-bottom:1px solid #ddd;">Fotografia</h2>
		<div style="margin-left:2em">
			
		<p>Aqui definiriamos un template xslt, para definir la fotografia del detalle de meta. Este debe tener un parametro "fichero" que es El parametro debe ser </p>	
		<h3>propiedades Comunes</h3>
		
		<table>
		<tr><td>pendiente</td></tr>
		</table><br/><br/>	
		
		<!-- elemento-->
		<h4>fotografia</h4>
		<p>Para el detalle de metas. La fotografia tiene que llevar un efecto de flecha</p>
		<h3>propiedades</h3>
		<table>
		<tr><td>Comunes</td></tr>
		</table><br/>	


	
	<div style="background-color:#f8f6f7;height:auto;width:956px;">

      <div style="position:relative;width:260px;height:302px;float:left">
      
      	      <div style="width:100%;height:100%;float:left;">
      				<img src="images/fondo_cria.png"/>	     	
		      </div>
              
              <div style="position:absolute;top:0;left:0;width:100%;height:100%;float:left">
      				   	
      				<img src="images/plantillaFotografia.png"/>	     	
		      </div>
      </div>
      <div style="width:231px;height:282px;float:left">
   	
			<div class="overlay_tipo1" style="margin-top:35px; height:auto;">
				<label class="texto_h4">Ahorro</label>
			</div>
			<div class="overlay_tipo1" style="margin-top:10px; height:auto">
				<div class="informa_tipo texto_contenido color_naranja"><span>3.000&#128;</span></div>									
			</div>
			<div class="overlay_tipo1" style="margin-top:30px; height:160px; border-right: 1px solid #E2E0E0;">
					<img src="images/casa.png"/>  
			</div>
			<div class="overlay_tipo1" style="top:252px; height:auto" ></div>
	 	
      </div>
      <div style="width:231px;height:282px;float:left">
   	
			<div class="overlay_tipo1" style="margin-top:35px; height:auto;">
				<label class="texto_h4">Ahorro</label>
			</div>
			<div class="overlay_tipo1" style="margin-top:10px; height:auto">
				<div class="informa_tipo texto_contenido color_naranja"><span>3.000&#128;</span></div>									
			</div>
			<div class="overlay_tipo1" style="margin-top:30px; height:160px; border-right: 1px solid #E2E0E0;">
					<img src="images/casa.png"/>  
			</div>
			<div class="overlay_tipo1" style="top:252px; height:auto" ></div>
	 	
      </div>
      <div style="width:231px;height:282px;float:left">
   	
			<div class="overlay_tipo1" style="margin-top:35px; height:auto;">
				<label class="texto_h4">Ahorro</label>
			</div>
			<div class="overlay_tipo1" style="margin-top:10px; height:auto">
				<div class="informa_tipo texto_contenido color_naranja"><span>3.000&#128;</span></div>									
			</div>
			<div class="overlay_tipo1" style="margin-top:30px; height:160px;">
					<img src="images/casa.png"/>  
			</div>
			<div class="overlay_tipo1" style="top:252px; height:auto" ></div>
	 	
      </div>
      

      
      <br style="clear:both" />
    </div>
	
</body>
</html>